<template>
    <div id="xq2">
        <span id="xq_span1">{{shop.activities[0].icon_name}}</span><span id="xq_span2">{{shop.activities[0].description}}</span> &nbsp;&nbsp;
        <span id="xq_span3">{{shop.activities.length}}个优惠</span><span id="xq_span4" class="iconfont">&#xe601;</span>
    </div>
</template>
<script>
    export default {
        props: {
            'shop': Object
        },
    }
</script>
<style lang="stylus" scoped>
    #xq2
        display flex
        border-radius 1px
        border 1px solid #eee
        padding 1.333333vw 2.133333vw
        font-size .293333rem
        color #666
        margin 0 6.4vw
        align-items center
        #xq_span1
            margin-right 1.6vw
            font-size .1rem
            padding .533333vw 1.2vw
            height 3.8vw
            display inline-block
            box-sizing border-box
            border-radius .266667vw
            white-space nowrap
            background-color #f07373
            color #fff
            line-height 3.8vw
            text-align center
        #xq_span2
            overflow hidden
            white-space nowrap
            text-overflow ellipsis
            flex 1
            font-size .293333rem
            text-align center

</style>


